.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container section {
  width: 80%;
  padding-top: 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container section h1 {
  padding-bottom: 1rem;

  color: var(--primary-color);
  /* color: #212529; */
  font-size: 40px;
  font-weight: normal;
}

.container section h2 {
  padding-bottom: 1rem;

  color: var(--primary-color);
  font-size: 30px;
  font-weight: normal;
}

.container section .desc {
  color: var(--primary-color);
  font-size: 20px;
  font-weight: lighter;
}

.container section .desc > p {
  padding-bottom: 0.5em;

  display: flex;
  justify-content: center;
}

.container section .join {
  color: var(--primary-color);
  font-size: 20px;
}

.container section .join > p {
  margin-bottom: 0.6em;
}

.container section .join .num {
  display: inline-block;
  margin-right: 0.5em;
}
